<div class="viewport">
    <div class="overview" style="top: 0px;">
        <div class="action-nav-content">
            <div class="links-section"><div class="mozaic-widget action-menu-container widget-activity_action_menu" data-widget="activity_action_menu" data-params="{&quot;channels&quot;:{&quot;/filters&quot;:&quot;/filters-4&quot;,&quot;/users&quot;:&quot;/users-0&quot;},&quot;filters&quot;:[{&quot;widget&quot;:&quot;user&quot;,&quot;name&quot;:&quot;Assigned to&quot;,&quot;params&quot;:{&quot;tooltip&quot;:&quot;See what tasks are assigned to your team members&quot;,&quot;type&quot;:&quot;tasks__assigned_to_id&quot;}},{&quot;widget&quot;:&quot;task_category&quot;,&quot;name&quot;:&quot;Category&quot;,&quot;params&quot;:{&quot;type&quot;:&quot;tasks__category_id&quot;}},{&quot;widget&quot;:&quot;status&quot;,&quot;params&quot;:{&quot;type&quot;:&quot;tasks__completed&quot;}}]}" data-guid="widget-157" data-initialized="true"><!--start template: templates/menus/activity-action-nav.hjs -->
                    <div class="action-nav-header">
                        <div id="stream-info-holder"><h1 class="stream-title"><i class="icon-inbox"></i><span>Activity</span></h1></div>
                        <div class="button-toggle-action_menu"><i class="icon-filter-list"></i><i class="icon-show-more"></i></div>
                        <p class="left-nav-text">Tasks, tags, past posts and scheduled posts can be found here.</p>
                        <div class="clear"></div>
                        <h5 class="action-nav-title">MAIN SECTIONS</h5>
                        <ul class="nav nav-list main-section-nav activity-menu">
                            <li id="tasks-page" class="active-section">
                                <a href="#tasks" class="url-widget-link"><i class="icon-tasks"></i><span>Tasks</span></a>
                                <div class="mozaic-widget widget-pin_timeline" data-widget="pin_timeline" data-params="{&quot;channels&quot;:{&quot;/streams&quot;:&quot;GLOBAL/streams&quot;,&quot;/tags&quot;:&quot;GLOBAL/tags&quot;,&quot;/folders&quot;:&quot;GLOBAL/folders&quot;,&quot;/users&quot;:&quot;GLOBAL/users&quot;,&quot;/filters&quot;:&quot;/filters-4&quot;}}" data-guid="widget-162" data-initialized="true"><!--start template: templates/pin_timeline.hjs -->

                                    <!-- end template: templates/pin_timeline.hjs --></div>
                            </li>
                            <li id="tagged-mentions-page">
                                <a href="#tagged" class="url-widget-link"><i class="icon-tags"></i><span>Tags</span></a>
                                <div class="mozaic-widget widget-pin_timeline" data-widget="pin_timeline" data-params="{&quot;channels&quot;:{&quot;/streams&quot;:&quot;GLOBAL/streams&quot;,&quot;/tags&quot;:&quot;GLOBAL/tags&quot;,&quot;/folders&quot;:&quot;GLOBAL/folders&quot;,&quot;/users&quot;:&quot;GLOBAL/users&quot;,&quot;/filters&quot;:&quot;/filters-4&quot;}}" data-guid="widget-163" data-initialized="true"><!--start template: templates/pin_timeline.hjs -->

                                    <!-- end template: templates/pin_timeline.hjs --></div>
                            </li>
                            <li id="posts-page">
                                <a href="#posts" class="url-widget-link"><i class="icon-schedule"></i><span>Posts</span></a>
                                <div class="mozaic-widget widget-pin_timeline" data-widget="pin_timeline" data-params="{&quot;channels&quot;:{&quot;/streams&quot;:&quot;GLOBAL/streams&quot;,&quot;/tags&quot;:&quot;GLOBAL/tags&quot;,&quot;/folders&quot;:&quot;GLOBAL/folders&quot;,&quot;/users&quot;:&quot;GLOBAL/users&quot;,&quot;/filters&quot;:&quot;/filters-4&quot;}}" data-guid="widget-164" data-initialized="true"><!--start template: templates/pin_timeline.hjs -->

                                    <!-- end template: templates/pin_timeline.hjs --></div>
                            </li></ul>
                    </div>
                    <!-- end template: templates/menus/activity-action-nav.hjs --></div></div>
            <div class="filters-section"><div class="mozaic-widget widget-filter_list" data-widget="filter_list" data-params="{&quot;channels&quot;:{&quot;/filters&quot;:&quot;/filters-4&quot;,&quot;/users&quot;:&quot;/users-0&quot;},&quot;filters&quot;:[{&quot;widget&quot;:&quot;user&quot;,&quot;name&quot;:&quot;Assigned to&quot;,&quot;params&quot;:{&quot;tooltip&quot;:&quot;See what tasks are assigned to your team members&quot;,&quot;type&quot;:&quot;tasks__assigned_to_id&quot;}},{&quot;widget&quot;:&quot;task_category&quot;,&quot;name&quot;:&quot;Category&quot;,&quot;params&quot;:{&quot;type&quot;:&quot;tasks__category_id&quot;}},{&quot;widget&quot;:&quot;status&quot;,&quot;params&quot;:{&quot;type&quot;:&quot;tasks__completed&quot;}}]}" data-guid="widget-158" data-initialized="true"><!--start template: templates/filters/filter_list.hjs -->

                    <h5 class="action-nav-title">FILTER THE DATA</h5>
                    <div class="btn-holder clear-filters" style="display: none;"><button class="btn btn-small"><i class="icon-clear"></i>Clear</button></div>

                    <p class="filter-type filter-type-Assigned to">Assigned to:</p>
                    <div id="user-filter-widget" class="mozaic-widget widget-user_filter" data-widget="user_filter" data-params="{&quot;tooltip&quot;:&quot;See what tasks are assigned to your team members&quot;,&quot;type&quot;:&quot;tasks__assigned_to_id&quot;,&quot;channels&quot;:{&quot;/filters&quot;:&quot;/filters-4&quot;,&quot;/users&quot;:&quot;/users-0&quot;}}" data-guid="widget-166" data-initialized="true"><!--start template: templates/filters/key_value_filter.hjs -->
                        <div class="filter-button btn btn-large" rel="tooltip" data-original-title="See what tasks are assigned to your team members">
                            <a><i class="icon-filter"></i><span class="button-text">All team</span></a>
                        </div>
                        <div class="filter-overlay action-nav-filtering">
                            <div class="filter-container">
                                <div class="filter-container-top">
                                    <input type="text" class="search-box search-filter-box" placeholder="User">
                                </div>
                                <div class="filter-container-mask filter_scrollbar tiny_scrollbar">
                                    <div class="scrollbar" style="height: 0px;"><div class="track" style="height: 0px;"><div class="thumb"><div class="end"></div></div></div></div>
                                    <div class="viewport">
                                        <div class="overview" style="top: 0px;">
                                            <ul class="results filter-container-list">
                                                <li data-value="" option="all" class="back-list-link selected" style="display: none;"><a class="action-color-active"><i class="icon-back-list"></i>All team</a></li>







                                                <li data-value="71695" class="active" style="display: block;"><a class="action-color-active"><i class="icon-circle-list"></i>Khoi Doan</a></li><li data-value="71727" style="display: block;"><a class="action-color-active"><i class="icon-circle-list"></i>Khoi Doan T</a></li><li data-value="71726" style="display: block;"><a class="action-color-active"><i class="icon-circle-list"></i>Nguyên Ngô Minh</a></li></ul>
                                        </div> <!-- overview -->
                                    </div>
                                </div>
                                <div class="btn-holder">
                                    <div class="btn filter-back-button"><i class="icon-back"></i>Back</div>
                                </div>
                            </div>
                        </div>
                        <!-- end template: templates/filters/key_value_filter.hjs --></div>
                    <div class="clear"></div>

                    <p class="filter-type filter-type-Category">Category:</p>
                    <div id="task_category-filter-widget" class="mozaic-widget widget-task_category_filter" data-widget="task_category_filter" data-params="{&quot;type&quot;:&quot;tasks__category_id&quot;,&quot;channels&quot;:{&quot;/filters&quot;:&quot;/filters-4&quot;,&quot;/users&quot;:&quot;/users-0&quot;}}" data-guid="widget-167" data-initialized="true"><!--start template: templates/filters/key_value_filter.hjs -->
                        <div class="filter-button btn btn-large" rel="tooltip" data-original-title="Pick a category of tasks to focus on it">
                            <a><i class="icon-filter"></i><span class="button-text">All categories</span></a>
                        </div>
                        <div class="filter-overlay action-nav-filtering">
                            <div class="filter-container">
                                <div class="filter-container-top">
                                    <input type="text" class="search-box search-filter-box" placeholder="Category">
                                </div>
                                <div class="filter-container-mask filter_scrollbar tiny_scrollbar">
                                    <div class="scrollbar" style="height: 0px;"><div class="track" style="height: 0px;"><div class="thumb"><div class="end"></div></div></div></div>
                                    <div class="viewport">
                                        <div class="overview" style="top: 0px;">
                                            <ul class="results filter-container-list">
                                                <li data-value="" option="all" class="back-list-link selected" style="display: none;"><a class="action-color-active"><i class="icon-back-list"></i>All categories</a></li>











                                                <li data-value="2" class="active" style="display: block;"><a class="action-color-active"><i class="icon-circle-list"></i>Check this out</a></li><li data-value="3" style="display: block;"><a class="action-color-active"><i class="icon-circle-list"></i>Escalate this</a></li><li data-value="5" style="display: block;"><a class="action-color-active"><i class="icon-circle-list"></i>Other</a></li><li data-value="1" style="display: block;"><a class="action-color-active"><i class="icon-circle-list"></i>Please respond</a></li><li data-value="4" style="display: block;"><a class="action-color-active"><i class="icon-circle-list"></i>Promote this</a></li></ul>
                                        </div> <!-- overview -->
                                    </div>
                                </div>
                                <div class="btn-holder">
                                    <div class="btn filter-back-button"><i class="icon-back"></i>Back</div>
                                </div>
                            </div>
                        </div>
                        <!-- end template: templates/filters/key_value_filter.hjs --></div>
                    <div class="clear"></div>

                    <p class="filter-type filter-type-status">status:</p>
                    <div id="status-filter-widget" class="mozaic-widget widget-status_filter" data-widget="status_filter" data-params="{&quot;type&quot;:&quot;tasks__completed&quot;,&quot;channels&quot;:{&quot;/filters&quot;:&quot;/filters-4&quot;,&quot;/users&quot;:&quot;/users-0&quot;}}" data-guid="widget-168" data-initialized="true"><!--start template: templates/filters/radio_filter.hjs -->
                        <div class="clear"></div>
                        <div class="radio-options-completed">

                            <a data-name="radio_completed" data-value="false" class="radio-filter-item btn btn-large filter-button" rel="tooltip" data-original-title="Show incomplete tasks">
                                <span>incompleted</span>
                                <i class="icon-incompleted"></i>
                                <i class="icon-cirlce-background"></i>
                            </a>

                            <a data-name="radio_completed" data-value="true" class="radio-filter-item btn btn-large filter-button" rel="tooltip" data-original-title="Show completed tasks">
                                <span>completed</span>
                                <i class="icon-completed"></i>
                                <i class="icon-cirlce-background"></i>
                            </a>

                        </div>
                        <div class="clear"></div>
                        <!-- end template: templates/filters/radio_filter.hjs --></div>
                    <div class="clear"></div>




                    <!-- end template: templates/filters/filter_list.hjs --></div></div>
            <div class="actions-section"></div>
        </div>
    </div>
</div>